@charset "UTF-8";

@import "_components/reset.scss";
@import "_components/_mixin.scss";
@import "_components/iicon.scss";
/**
 * 砍价团列表页
 * 
 * @author babel
 * @mail e23jiang@sina.com
 * @CreateDate 2016/1/2
 * 
 */

$rem:1rem/32;

@import "group.scss";


.group{
	&-list{
		&-hd{
			//background-image: url(http://i4.tietuku.com/e648d24dba4af1a4.png);
			height: $rem*292;
			@extend .bg__full;
		}
		&-wrapper{
		}

		&-container{
			background: #e8e8e8;
			padding:$rem*20;
			header{
				font-size:$rem*34;
				text-align: center;
				color:#646464;
				height: $rem*60;
				margin:$rem*30 0 $rem*18;
				h4{
					height: $rem*24;
					border-bottom:1px solid #cecece;
					span{
						background: #e8e8e8;
						padding:0 $rem*10;
					}
				}
			}
		}
	}
	
	&-item{
		//height: $rem*448;
		background:#fff;
		margin-bottom: $rem*20;
	}
}


//活动规则
.rule-wrapper{
	padding:$rem*20;
	color:#646464;
	text-align:center;
	font-size:$rem*28;
	overflow: hidden;
	.rule-detail{
		text-align: right;
		font-size:$rem*24;
		line-height: 2;
	}
	.iicon-arrow{
		&:before{
			width: $rem*16;
			height: $rem*16;
			border-color:#646464;
		}
	}
	h3{
		font-size:$rem*34;
		color:#cd3333;
	}
}

//我的团概要
.user-collect{
	@include clearfix();
	.info-list{
		color:#383838;
		font-size:$rem*34;
		//height: $rem*160;
		@include clearfix();
		&>div{
			width: 50%;
			height: $rem*160;
			text-align:center;
			position: relative;
			&:first-child{
				//border-right:1px solid #dedede;
				&:before{
					content: '';
					position:absolute;
					width: 1px;
					height: 70%;
					background:#dedede;
					top:50%;
					right:0;
					transform: translate(0,-50%);
				}
			}
			.info-number{
				&-list{
					transition: transform 0.65s ease-in-out;
					&.next{
						transform: translate(0,-50%);
					}
				}
				height: $rem*80;
				overflow: hidden;
				display: inline-block;
			}
			small{
				font-size:$rem*24;
			}
			strong{
				font-size:$rem*72;
				display: block;
			}
		}
	}
}

.alert-dialog{
	text-align:center;
	background:#fff;
	width:$rem*540;
	border-radius:$rem*8;
	.model-dialog-hd{
		padding:$rem*20;
		.close-btn{
			font-size: $rem*32;
			color: #999;
		}
	}
	.model-dialog-bd{
		padding:$rem*30;
	}

	.model-dialog-ft{
		.btn{
			display: block;
			border-top:1px solid #dedede;
			height: $rem*90;
			line-height: $rem*90;
			color:#c33;
		}
	}
}

//空状态
.group-empty{
	background:#e8e8e8;
	text-align:center;
	font-size:$rem*28;
	color:#646464;
	padding:$rem*170 0;
	.pic{
		margin:0 auto;
		background-image:url(http://staticontent.ymatou.com/images/activity/group_bg.png);
		@extends .bg__full;
		width: $rem*187;
		height: $rem*506;
	}

}